<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src='./Js/jquery-1.7.2.min.js' ></script>
        <style>
            .a1{
                height: 200px;
                width: 200px;
                background-color: red;
            }
            .ccc{
                height: 50px;
                width: 50px;
                background-color: blue;
                
            }
        </style>
    </head>
            <script>
        $(function(){
            $('.ccc').click(function(){
                $(this).parents(".a1").fadeOut("slow");
            });
        });
            </script>
    <body>

    </body>
    <div class="a1">
    <div class="ccc">
        
    </div>
</div>
</html>

